import { Outlet, Link } from "react-router-dom";
import React from "react";
import Navbar from "./Navbar";
import { Layout } from "antd";

const { Content, Footer } = Layout;
export default function () {
  return (
    <Layout
      style={{
        minWidth: 1024,
        height: "100vh",
      }}
    >
      <Navbar />
      <Content
        style={{
          overflow: "auto", // 允许滚动
          scrollbarWidth: "none", // Firefox 隐藏滚动条
          msOverflowStyle: "none", // IE/Edge 隐藏滚动条
          "&::WebkitScrollbar": { display: "none" }, // Chrome/Safari 隐藏滚动条
          marginTop: 64,
          height: "calc(100vh - 64px - 52px)", // 修正了减号间的空格
          minWidth: 1024,
        }}
      >
        <Outlet />
      </Content>
      <Footer
        style={{
          height: 52,
          display: "flex",
          alignItems: "center", // 垂直居中
          justifyContent: "center", // 水平居中
          textAlign: "center",
          padding: 0,
          backgroundColor: "#f0f2f5",
        }}
      >
        <p>© 2025 陆萌糖. All rights reserved.</p>
      </Footer>
    </Layout>
  );
}
